<!--
 * @Description: 
 * @Author: mxy
 * @Date: 2022-12-03 17:42:02
 * @LastEditors: mxy
 * @LastEditTime: 2022-12-03 20:54:12
-->
<template>
  <div>
    <h2>left组件</h2>
    <ul>
      <li v-for="item in list" :key="item.id">
        {{ item.id }}--{{ item.name }}
        <slot :id="item.id"></slot>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: ["list"],
};
</script>

<style scoped>
div {
  min-height: 200px;
  padding: 10px;
  border: 1px solid #000;
  margin-top: 10px;
}
</style>